# Segmented Control

## Installation
`npm i @snack-uikit/segmented-control`

[Changelog](./CHANGELOG.md)



[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## SegmentedControl
SegmentedControl
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| items* | `Segment[]` | - | Набор сегментов. |
| value | `IdType` | - | Value выбранного сегмента. |
| defaultValue | `IdType` | - | ID выбранного по умолчанию сегмента. (в uncontrolled режиме) |
| onChange | `(value: IdType) => void` | - | Колбек смены выбранного сегмента. |
| className | `string` | - | CSS-класс контейнера. |
| size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер компонента. |
| outline | `boolean` | - | Обводка |
| width | enum Width: `"auto"`, `"full"` | auto | Управление шириной компонента. |


[//]: DOCUMENTATION_SECTION_END
